<!-- <script>
 $(document).ready(function(){
 	
    generic.comboCap();
    generic.comboActividades();
        
     $("#iframeContent").load(function(){
	    	var myDiv = this.contentWindow.document.getElementsByTagName('div');
	    	if(myDiv.length>0){
	    	var idDiv = myDiv[0].getAttribute('id');
	    	
	    	var addClase = "";
	    	
	    	if(idDiv == 'asd'){
	    		addClase = "alert alert-danger";
	    	}else{
	    		addClase = "alert alert-success";
	    		generic.comboCap();
	    		generic.comboActividades();
	    		 $('#txtDescripcion').val('').attr('disabled','disabled');
                  $('#cboAct').attr('disabled','disabled');
                  $('#txtIntroduccion').val('').attr('disabled','disabled');
                  $('#txtContenido').val('').attr('disabled','disabled');
                  $('#txtNumero').val('').attr('disabled','disabled');
                $('#esRequ').attr({'checked':false,'disabled':'disabled'});
	    	}
			textError = $(myDiv[0]).html();
			(textError!='')?function(){
	       	 	$('#contentFrame').html(textError).addClass(addClase).css("height", '48px');	
	       }()
	       :function(){
	       	$('#contentFrame').removeClass(addClase).empty().css("height", '0px');;
	       }();
    	}
    	
    });

   });

</script> -->
<script>
    $(document).ready(function(){
        generic.validaForm("myForm");
        generic.msgFrame();
		if(generic.responseFrame){
        	$('#btnNvoTema').removeClass('disabled');
        }
        generic.comboActividades();
        $("input[name='rdoCapitulo']").click(function(){
            var id = $(this).attr('id');
		    $('#btnEliminar').removeClass("disabled");
            $('#btnEditar').removeClass("disabled");
            $('#hidIdCap').val(id);
        });

        $("#btnReset").click(function(){
            $("#fadeListaCap").fadeIn(0,function(){
            	generic.init('modifCap');
            });
            $("#fadeNvoCap").fadeOut(0);

        });
        $("#btnEditar").click(function(){
        	var id = $('#hidIdCap').val();
            generic.cargaDatosCap(id);
           if($('#btnFormularioCap').length > 0){
          	 $('#btnFormularioCap').attr({'id':'btnEditCap','name':'btnEditCap'}) 	
           }else{
           	 $('#btnGuardaCap').attr({'id':'btnEditCap','name':'btnEditCap'})
           }
          
        });

        $("#btnAgregar").click(function(){
            $("#fadeListaCap").fadeOut(0);
            $("#fadeNvoCap").fadeIn(200);
            $('#btnFormularioCap').attr({'id':'btnGuardaCap','name':'btnGuardaCap'})

             if($('#btnFormularioCap').length > 0){
          	 $('#btnFormularioCap').attr({'id':'btnGuardaCap','name':'btnGuardaCap'}) 	
           }else{
           	 $('#btnEditCap').attr({'id':'btnGuardaCap','name':'btnGuardaCap'})
           }
        });

        $('#txtContenido,#txtDescripcion,#txtIntroduccion').ckeditor();
    });
</script>
<div id="contentFrame"></div>
<div class="well">
	<div id="fadeListaCap">
        <legend>Listado de Capitulos</legend>
        <span class="help-block">Seleccione un Capitulo, o agrege alguno para comenzar.</span>
        <div class="border-table">
            <div class="cntRegistros">
                <table class="table table-hover">
                    <tbody>
                        <?php
                            require("autoload.php");
                            $rs = generic::muestraCapitulos();
									$capitulos = $rs['cap'];
									for ($i=0; $i < count($capitulos); $i++){
                                        echo "<tr>";
                                        echo "<td>";
                                        echo "<div class='radio'>";
                                        echo "<label>";
                                        echo "<input type='radio' name='rdoCapitulo' id='" . $capitulos[$i]['IdCapitulo'] . "'>" . substr($capitulos[$i]['Descripcion'], 0,10)."...";
                                        echo "</label>";
                                        echo "</div";
                                        echo "</td>";
                                        echo "</tr>";
                                    }
                               
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-lg-12" style="text-align: right;">
            <div class="btn-group">
                <input type="button" id="btnEliminar" class="btn btn-primary disabled" value="Eliminar">
                <input type="button" id="btnEditar" class="btn btn-primary disabled" value="Editar">
                <input type="button" id="btnAgregar" class="btn btn-primary" value="Agregar">
            </div>
            
        </div>
    </div>
	<div id="fadeNvoCap">
		
		<div class="container">
			
			<div class="row">
			<div class="col-lg-8"></div>
			<div class="col-lg-4"></div>
		</div>
	
        <form name="myForm" id="myForm" action="modules/newUser.php" method="post" class="form-horizontal" role="form" target="response">
			<legend>  Capitulos</legend>
			<input type="hidden" id="hidIdCap" name="hidIdCap" value="---">
			<div style="text-align:right;"><button type="button" id="btnReset" class="btn btn-link" value="Seleccionar">Seleccionar</button></div>
			<div class="form-group">	
			<label for="txtDescripcion" class="control-label col-sm-2">Descripción:</label>
			<div class="col-sm-10">
				<textarea class="form-control" rows="2" id="txtDescripcion" name="txtDescripcion" ></textarea>
				<span class="help-block">Breve descripción del capitulo.</span>
			</div>
			</div>
			<hr>
			 <div class="form-group">
			 	<label for="cboAct" class="control-label col-sm-2">Actividad:</label>
				<div class="col-lg-10">
						<select  class="form-control input-sm" name="cboAct" id="cboAct">
						</select>	
						<input type="hidden" class="form-control input-sm" name="txtCuestionarioAct" id="txtCuestionarioAct" placeholder="">
				</div>	
			 </div>
			 <hr>
			 <hr>
			 <div class="form-group">
			 	<label for="txtIntroduccion" class="control-label col-sm-2">Introducción:</label>
				<div class="col-lg-10">
					<textarea class="form-control" rows="2" id="txtIntroduccion" name="txtIntroduccion" ></textarea>
	          	</div>
			 </div>
			 <hr>
			 <div class="form-group">
			 	<label for="txtIContenido" class="control-label col-sm-2">Contenido:</label>
				<div class="col-lg-10">
					<textarea class="form-control" rows="2" id="txtContenido" name="txtContenido" ></textarea>
	          	</div>
			 </div>
			 <hr>
			 <div class="form-group">	
				<label for="txtNumero" class="control-label col-sm-2">Numero:</label>
					<div class="col-sm-1">
					<input type="text" class="form-control input-sm" name="txtNumero" id="txtNumero" placeholder="">				
					</div>
			<label for="esRequ" class="control-label col-sm-2">Es Requerida:</label>
				<div class="col-sm-2">
					<div class="checkbox">
					    <label>
					      <input type="checkbox" name="esRequ" id="esRequ"> 
					    </label>
			  		</div>
				</div>
			</div>
			<hr>
			<div class="form-group">
		        <div class="col-lg-10 col-lg-offset-2" style="text-align: right;">
		           <a href="javascript:generic.init('modifTema')" id="btnNvoTema" name="btnNvoTema" class="btn btn-warning disabled" role="button">Agregar Tema</a>
		           <button type="submit" name="btnFormularioCap"  id  = "btnFormularioCap" class="btn btn-primary">Guardar</button>
				</div>
     		</div>
			
		</form>
	</div>
	</div>
</div>
<iframe id="iframeContent" name ="response" style="display:none;"></iframe>